@font-face {
  font-family: "bossVersion";
  src: url("/static/font/bossVersion/iconfont.woff") format("woff");
}

// 数字字体
@font-face {
  font-family: 'DIN Condensed Bold';
  /*字体名称*/
  src: url('/static/font/DIN Condensed Bold.woff');
  /*字体源文件*/
}

// 图标
.bossVersion {
  font-family: "bossVersion" !important;
  font-size: 0.16rem;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

// 数字
.boldFont {
  font-family: "DIN Condensed Bold";
}

// flex
@mixin flex {
  display: flex;
}

@mixin flexFlow {
  display: flex;
  flex-flow: row wrap;
}

@mixin flexXjsbYcen {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@mixin flexXjsaYcen {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

@mixin flexXjsbYend {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

@mixin flexXend {
  display: flex;
  justify-content: flex-end;
}

@mixin flexXcen {
  display: flex;
  justify-content: center;
}

@mixin flexYcen {
  display: flex;
  align-items: center;
}

@mixin flexXendYcen {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

@mixin flexXYcen {
  display: flex;
  justify-content: center;
  align-items: center;
}

@mixin flexYbase {
  display: flex;
  align-items: baseline;
}

@mixin flexYend {
  display: flex;
  align-items: flex-end;
}

@mixin flexFdc {
  display: flex;
  flex-direction: column;
}

@mixin flexFdcXcen {
  display: flex;
  flex-direction: column;
  align-items: center;
}

@mixin flexFdcYjsa {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

@mixin flexFdcYcen {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@mixin flexFdcXcenYcen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

// position
@mixin absoluteAllSides($top: 0, $right: 0, $bottom: 0, $left: 0, $z: 0) {
  position: absolute;
  top: $top + rem;
  right: $right + rem;
  bottom: $bottom + rem;
  left: $left + rem;
  z-index: $z;
}

@mixin absoluteTLSide($top: 0, $left: 0, $z: 0) {
  position: absolute;
  top: $top + rem;
  left: $left + rem;
  z-index: $z;
}

@mixin absoluteBLSide($bottom: 0, $left: 0, $z: 0) {
  position: absolute;
  bottom: $bottom + rem;
  left: $left + rem;
  z-index: $z;
}

@mixin absoluteTRSide($top: 0, $right: 0, $z: 0) {
  position: absolute;
  top: $top + rem;
  right: $right + rem;
  z-index: $z;
}

@mixin absoluteBRSide($bottom: 0, $right: 0, $z: 0) {
  position: absolute;
  bottom: $bottom + rem;
  right: $right + rem;
  z-index: $z;
}

// color
$color0: rgba(#090928, 0.5);
$color1: #48e5ff;
$color2: #00ffff;
$color3: #f0bd26;
$color4: #28e787;
$color5: #ff3e9a;
$color6: rgba(#48e5ff, 0.7);
$color7: #088ceb;
$color8: #ff0000;
$color9: rgba(#00d1ff, 0.1);
$budget: #ff7145;

.rise {
  width: 0.1rem;
  height: 0.1rem;
  margin-left: 0.05rem;
  background: url("/static/img/bossVersion/rise.png") left top no-repeat / 100% 100%;
}

.decline {
  width: 0.1rem;
  height: 0.1rem;
  margin-left: 0.05rem;
  background: url("/static/img/bossVersion/decline.png") left top no-repeat / 100% 100%;
}

// font
@mixin bold($size) {
  font-weight: bold;
  font-size: $size;
}

@mixin din($size) {
  font-family: "DIN Condensed Bold";
  font-size: $size;
}

// background
$mainBack: #000040;
$headBack: rgba(#121246, 0.6);
$contentBack: rgba(#000, 0.2);
$dataBack: rgba(#000, 0.4);
$circleBack: #010b44;

// border
@mixin borderAll {
  border: 1px solid rgba($color1, 0.2);
}

@mixin borderRight {
  border-right: 1px solid rgba($color1, 0.2);
}

// mainView
@mixin view {
  position: relative;
  background-color: $contentBack;
  @include borderAll;
}

.chartTips {
  color: $color1;
  font-size: 0.12rem;
}

.tab-content {
  -webkit-mask: -webkit-gradient(linear,
    0 5%,
    0 0,
    from(rgba(0, 0, 0, 1)),
    to(rgba(0, 0, 0, 0)));
  filter: brightness(100%);
}

// lineChartss
#mylineChartss {
  width: 100%;
  height: 100%;
}

// tabs 切换
.tab-content {
  @include absoluteAllSides(0.98, 0, 0, 0, 1);
  padding: 0.1rem;
  overflow-y: scroll;
}
